<!-- TableComponent.vue -->
<template>
  <div class="custom-table-wrapper" contenteditable="false">
    <el-table :data="node.attrs.data" style="width: 100%">
      <el-table-column v-for="(col, index) in node.attrs.columns" :key="index" :prop="col.prop" :label="col.label" :width="col.width" />
    </el-table>
  </div>
</template>

<script setup>
const props = defineProps(['editor', 'node', 'getPos', 'HTMLAttributes'])
</script>

<style>
.custom-table-wrapper {
  margin: 1rem 0;
  border: 1px dashed #ccc;
  padding: 1rem;
}
</style>
